<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我为祖国献歌一曲</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1, maximum-scale=1"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="apple-touch-icon" href="images/icon.png"/>
    <link rel="apple-touch-startup-image" href="images/icon.png"/>
    <link rel="stylesheet" href="./css/swiper.min.css">
    <style>
        @media (min-width: 750px) {
            html {
                font-size: 100px !important;
            }
        }
    </style>
    <link rel="stylesheet" href="./css/app.css">
    <script src="js/song.js"></script>
    <script src="js/config.js"></script>
    <script>
      var hostname = window.location.hostname;
      if (hostname !== 'www.newscctv.net') {
        if (!_isDevelopment) {
          window.location.href = base_url;
        }
      }
    </script>
</head>
<body>
<div class="wrapper">
    <!--loading-->
    <div class="page loading">
        <div class="loading_content">
            <img src="images/loading.gif" alt="">
            <span>加载中...</span>
        </div>

    </div>

    <!--入口页-->
    <div class="page1 page">
        <!--立即进入-->
        <div class="btn_join_wrapper">
            <div class="btn_join"></div>
        </div>
    </div>
    <!--歌曲列表页-->
    <div class="page2 page">
        <div class="user_box">
            <div class="user_avatar"></div>
            <div class="user_info">
                <div class="user_nickname"></div>
                <div class="user_songs">
                    已演奏 <span class="songs_num"></span> 次
                </div>
            </div>
        </div>
        <div class="cd_box">
            <div class="cd_handle"></div>
            <div class="cd_box_inner">
                <div class="disc_box playing_disc"></div>
                <div class="cd_center">
                    <div class="cd_cover"></div>
                    <div class="cd_next_tips"><span class="next_icon"></span>点击切换歌曲</div>
                </div>
            </div>


        </div>
        <div class="music_info">
            <div class="music_name">我爱你中国</div>
            <div class="music_grade">难度：<span class="gide_star gide_3"></span></div>
            <div class="btn_startGame"></div>
        </div>
        <!--热门榜-->
        <div class="hot_list_box">
            <div class="list_title">热门榜</div>
            <div class="hot_list">
            </div>
        </div>
    </div>
    <!--游戏页-->
    <div class="page3 page" style="display: block"></div>
    <!--游戏结束页面-->
    <div class="page4 page">
        <div class="page_title">
            <div class="music_note"></div>
            <div class="music_dis">
                <span></span>
            </div>
        </div>
        <div class="cd_box">
            <div class="cd_handle"></div>
            <div class="disc_box"></div>
            <div class="cd_center">
                <div class="cd_cover"></div>
            </div>

            <div class="btn_play_music">
                <div class="point_icon"></div>
                <div class="point_text">播放</div>
            </div>
        </div>
        <div class="button_group">
            <button class="btn_replay"></button>
            <button class="btn_share"></button>
        </div>
    </div>
    <!--微信分享弹框-->
    <div class="page5 page">
        <div class="share_img clearFix">
            <img src="./images/5share.png">
        </div>
        <div class="share_content">
            <p>点击右上角<br/>
                <span class="special_text">邀请好友</span>一起来参与<br/>
                <span class="special_text">“我为祖国献歌一曲”</span><br/>
            </p>
        </div>

    </div>
    <!--游戏加载页-->
    <div class="page page6">
        <div>

        </div>
    </div>
    <!--玩法介绍说明页-->
    <div class="page page_intro">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slider_inner">
                        <img src="images/3step1.png" alt="">
                        <p><span>点击</span>出现的黄色色块，开始你的弹奏</p>
                    </div>
                </div>
                <div class="swiper-slide">

                    <div class="slider_inner">
                        <img src="images/3step2.png" alt="">
                        <p>遇见长的黄色滑块，要记得<span>长按</span>哦</p>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="slider_inner">
                        <img src="images/3step3.png" alt="">
                        <p>演奏完后，记得<span>分享</span>给你的朋友听听哦</p>
                    </div>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="swiper_next">下一步</div>
    </div>
    <!--其他入口提示页-->
    <div class="page page9">
        <div class="tips_wrapper">
            <div class="logo_box">
                <img src="https://www.newscctv.net/tap2cdn/video/activities/gqPhoto/images/14news@2x.png" alt="">
                <img src="https://www.newscctv.net/tap2cdn/video/activities/gqPhoto/images/14wechat@2x.png" alt="">
            </div>
            <div class="tips_words">
                <p>请来 <span id="openApp">央视新闻+</span> 客户端</p>
                <p>或者在微信里打开</p>
                <p>参与 <span>“我为祖国献歌一曲”</span> 活动</p>
            </div>
        </div>
    </div>

</div>

<script src="utils/jquery.min.js"></script>
<script src="utils/jquery.cookie.js"></script>
<script src="utils/jweixin-1.2.0.js"></script>
<script src="utils/screeninit.js"></script>

<script src="js/tools.js"></script>
<script src="js/song.js"></script>
<script src="js/config.js"></script>
<script src="utils/wx_config.js"></script>
<script type="text/javascript" src="utils/hilo.min.js"></script>

<!-- build:js js/combined1.js -->
<script src="js/PlayWork.js"></script>
<script src="js/app.js"></script>
<script src="js/Login.js"></script>
<script type="text/javascript" src="js/game.js"></script>
<script type="text/javascript" src="js/Asset.js"></script>
<script type="text/javascript" src="js/Keyboard.js"></script>
<script type="text/javascript" src="js/Key.js"></script>
<!-- endbuild -->

<script src="utils/velocity.min.js"></script>
<script src="utils/swiper.min.js"></script>
<script src="./utils/vconsole.min.js"></script>
<script>
  if (_isDevelopment) {
    vConsole = new VConsole();
  }
</script>
<!--友盟统计-->
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1274946066'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274946066' type='text/javascript'%3E%3C/script%3E"));</script>


</body>
</html>